<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" href="css/iconfont.css" />
		<link rel="stylesheet" href="css/index.css" />
	</head>
	<body>
		<div class="web">
			<!--头-->
			<header>
				<div class="logo">
					<img src="img/logo.png" alt="logo" />
				</div>
				
				<div class="select-bar">
					<select name="select" id="">
						<option value="">广州</option>
						<option value="">深圳</option>
						<option value="">上海</option>
					</select>
					
				</div>
				
				<div class="search-bar">
					<input type="search" placeholder="请输入商品名称"/>
					<i class="iconfont icon-fangdajing"></i>
				</div>
			</header>
			<!--主体部分-->
			<section>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
				<h1>内容</h1>
			</section>
			<!--尾-->
			<footer></footer>
		</div>
		<script>
			document.body.style.height = window.innerHeight + 'px';
		</script>
	</body>
</html>
